<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('查看用户信息')" />
    <th:block th:include="include :: datetimepicker-css" />
</head>
<body class="white-bg">
    <div class="ui-layout-center container-div row col-sm-12 search-collapse select-list" th:object="${user}">
        <ul>
            <li class="col-sm-5">
                <label>账号：</label>
                <div>
                    <input disabled name="account" th:field="*{account}" type="text">
                </div>
            </li>
            <li class="col-sm-5">
                <label>邮箱：</label>
                <div>
                    <input disabled name="email" th:field="*{email}" type="text">
                </div>
            </li>
            <li class="col-sm-5">
                <label>昵称：</label>
                <div>
                    <input disabled name="nickname" th:field="*{nickname}" type="text">
                </div>
            </li>
            <li class="col-sm-5">
                <label>手机号：</label>
                <div>
                    <input disabled name="mobile" th:field="*{mobile}" type="text">
                </div>
            </li>
            <li class="col-sm-5">
                <label>姓名：</label>
                <div>
                    <input disabled name="name" th:field="*{name}" type="text">
                </div>
            </li>
            <li class="col-sm-5">
                <label>出生日期：</label>
                <div>
                    <div class="input-group date">
                        <input disabled name="birthday" th:value="${#dates.format(user.birthday, 'yyyy-MM-dd')}" placeholder="yyyy-MM-dd" type="text">
                    </div>
                </div>
            </li>
            <li class="col-sm-5">
                <label>国家：</label>
                <div>
                    <input disabled name="country" th:field="*{country}" type="text">
                </div>
            </li>
            <li class="col-sm-5">
                <label>省编码：</label>
                <div>
                    <input disabled name="provinceCode" th:field="*{provinceCode}" type="text">
                </div>
            </li>
            <li class="col-sm-5">
                <label>市编码：</label>
                <div>
                    <input disabled name="cityCode" th:field="*{cityCode}" type="text">
                </div>
            </li>
            <li class="col-sm-5">
                <label>县编码：</label>
                <div>
                    <input disabled name="countyCode" th:field="*{countyCode}" type="text">
                </div>
            </li>
            <li class="col-sm-5">
                <label>imsi：</label>
                <div>
                    <input disabled name="imsi" th:field="*{imsi}" type="text">
                </div>
            </li>
            <li class="col-sm-5">
                <label>msisdn：</label>
                <div>
                    <input disabled name="msisdn" th:field="*{msisdn}" type="text">
                </div>
            </li>
            <li class="col-sm-5">
                <label>运营商：</label>
                <div>
                    <input disabled name="operator" th:field="*{operator}" type="text">
                </div>
            </li>
            <li class="col-sm-5">
                <label>首次注册应用：</label>
                <div>
                    <input disabled name="firstRegisterApp" th:field="*{firstRegisterApp}" type="text">
                </div>
            </li>
            <li class="col-sm-5">
                <label>是否黑名单：</label>
                <div>
                    <input disabled name="isBlacklist" th:field="*{isBlacklist}" type="text">
                </div>
            </li>
            <li class="col-sm-5">
                <label>注册时间：</label>
                <div>
                    <div class="input-group date">
                        <input disabled name="registerTime" th:value="${#dates.format(user.registerTime, 'yyyy-MM-dd')}" placeholder="yyyy-MM-dd" type="text">
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <th:block th:include="include :: footer" />
    <th:block th:include="include :: datetimepicker-js" />

    <script th:inline="javascript">
        function submitHandler() {
            $.modal.close();
        }
        $.modal.alertWarning("用户已删除");
        $("input[name='birthday']").datetimepicker({
            format: "yyyy-mm-dd",
            minView: "month",
            autoclose: true
        });

        $("input[name='registerTime']").datetimepicker({
            format: "yyyy-mm-dd",
            minView: "month",
            autoclose: true
        });
    </script>
</body>
</html>